<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="shortcut icon" href="#" />
    <link rel="stylesheet" href="./css/00.shouye.css">
    <link rel="stylesheet" href="./swiper/swiper-bundle.min.css">
</head>

<body>
    <!-- header -->
    <div class="header">
        <div class="headercenter">
            <div class="h_left">
                <img src="./img/1.png" alt="">
            </div>
            <div class="h_center">
                <input type="text" placeholder="漫步者">
            </div>
            <div class="sousuo">
                <!-- <ul> -->
                    <!-- <li>1</li>-->
                <!-- </ul> -->
            </div>
            <div class="h_right_1">
                <img src="./img/2.png" alt="">
            </div>
            <div class="h_right_2">
                <p><a href="./01.login.html">登录</a></p>
                <div class="h_right_1_1">
                    <ul>
                        <li>手机号登陆</li>
                        <li>微信登录</li>
                        <li>QQ登录</li>
                        <li>新浪微博登录</li>
                        <li>网易邮箱账号登录</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- banner -->
    <div class="banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="" alt=""></div>
                <div class="swiper-slide"><img src="" alt=""></div>
                <div class="swiper-slide"><img src="" alt=""></div>
            </div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
    </div>

    <!-- 导航 -->
    <div class="nav">
        <ul>
            <li>
                <img src="./img/5.png" alt="">
                <p>热销爆品</p>
            </li>
            <li>
                <img src="./img/6.png" alt="">
                <p>IP周边</p>
            </li>
            <li>
                <img src="./img/7.png" alt="">
                <p>数码影音</p>
            </li>
            <li>
                <img src="./img/8.png" alt="">
                <p>云贝商城</p>
            </li>
        </ul>
    </div>

    <div class="kongbai"></div>

    <div class="music">
        <img src="./img/11.png" alt="">
        <img src="./img/12.png" alt="">
    </div>

    <div class="tuijian">
        <h1>编辑推荐</h1>
        <ul class="tui1">
            <!-- <li>
                <img src="" alt="">
                <p>1</p>
            </li>-->
        </ul>
    </div>

    <div class="zhuanji">
        <div class="zjleft">
            <p class="p1">
                <img src="./img/13.png" alt="">数字专辑
            </p>
            <p>毛不易、范丞丞数字专辑火热售卖中</p>
            <p class="p2">立即购买&nbsp;&nbsp;&gt;</p>
        </div>
        <div class="zjright">
            <img src="./img/14.png" alt="">
        </div>
    </div>

    <div class="pro">
        <h1>热门商品</h1>
        <ul>
            <!-- <li>
                <img src="" alt="">
                <p>1</p>
            </li>-->
        </ul> 
    </div>

    <div class="content"></div>

    <div class="footer">
        <div class="footercenter">
            <div class="f_left">
                <p>
                    <a href="">服务条款</a>
                    <a href="">隐私政策</a>
                    <a href="">儿童隐私政策</a>
                    <a href="">版权投诉指引</a>
                    <a href="">意见反馈</a>
                </p>
                <p>网易公司版权所有&copy;1997-2021杭州乐读科技有限公司运营:浙网文[2021] 1186-054号</p>

                <p>违法和不良信息举报电话:0571-89853516举报邮箱: ncm5990@163.com</p>
                <p>食品经营许可证出版物经营许可证营业执照网络食品交易第三方平台提供者信息备案:浙网食A33010041进口冷链管理承诺书</p>
                <p>粤B2-20090191-18举报邮箱:工业和信息化部备案管理系统网站</p>
            </div>
            <div class="f_right">
                <img src="./img/9.png" alt="">
            </div>
        </div>
    </div>

    <div class="caozuo">
        <div>查看营业执照</div>
        <div>100%正品</div>
        <div>七天无理由退货</div>
        <div>购物车</div>
        <div>客服</div>
        <div class="caozuodiv1">TOP</div>
    </div>
<script src="./swiper/swiper-bundle.min.js"></script>

<script language="javascript"> 
    var mySwiper = new Swiper('.swiper-container',{
      speed:2500,
      loop: true,
      autoplay: true,
      navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
    })
  </script>
</body>
<script src="./js/00.shouye.js"></script>
<script src=".//js/utils.js"></script>
</html>